{extend name="base"/}
{block name="title"}
分类
{/block}
{block name="css"}
<link rel="stylesheet" href="__MOBILE__/css/wy.css"/>
<style>
    body{height: 100%;}
    .scrolltab-content-item:nth-last-of-type(1){margin-bottom: .92rem;}
    .no-cate{overflow:inherit;}
</style>
{/block}
{block name="content"}
<div class="header">
    <div class="header_del"></div>
    <div class="header_tit">分类</div>
    <div class="header_mess"><a href="{:url('/langjinmobile/my/usermessage')}"><img src="/static/langjinmobile/images/mess.png" alt=""></a></div>
</div>
<div class="aui-flexView" style="margin: 1rem auto;">
    <section class="aui-scrollView">
        <div class="m-scrolltab" data-ydui-scrolltab="">
            <div class="scrolltab-nav">
                {volist name='category' id='vo'}
                <a href="{:url('/langjinmobile/classify/index',['cat_id'=>$vo.cat_id])}" class="scrolltab-item {if $max_cat_id eq $vo.cat_id}crt {/if}">
                    <div class="scrolltab-title">{$vo.cat_name}</div>
                </a>
                {/volist}
            </div>
            <div class="scrolltab-content">
                <div class="scrolltab-content-item">
                    <div>
                        <div class="aui-flex-links">
                            {volist name='goods_info' id='res'}
                            <a href="{:url('/langjinmobile/card/goodsdata',['good_id'=>$res.id])}" class="aui-flex-links-item">
                                <div class="aui-flex-links-img">
                                    <img src="{$res.img1}" alt="">
                                </div>
                                <div class="integralbg">
                                    <div class="aui-flex-links-text">{$res.name}</div>
                                    <div class="integral">￥{$res.wallet_num}+{$res.integral_num}GMOD</div>
                                </div>
                            </a>
                            {/volist}
                        </div>
                    </div>
                </div>
        </div>
    </section>
</div>
<div class="footer">
	<a href="{:url('/langjinmobile/home/index')}" >
		<img src="__MOBILE__/images/footer1.png" alt="">
		<p>首页</p>
	</a>
	<a href="{:url('/langjinmobile/classify/index')}" class="active">
		<img src="__MOBILE__/images/footer4.png" alt="">
		<p>分类</p>
	</a>
	<a href="{:url('/langjinmobile/card/shopcard')}">
		<img src="__MOBILE__/images/footer5.png" alt="">
		<p>购物车</p>
	</a>
	<a href="{:url('/langjinmobile/my/my')}">
		<img src="__MOBILE__/images/footer7.png" alt="">
		<p>我的</p>
	</a>
</div>
{/block}
{block name="js"}
<script>
    $(".scrolltab-nav .scrolltab-item").click(function(){
        var Oindex = $(this).index();
        $(".scrolltab-nav .scrolltab-item").removeClass("crt").eq(Oindex).addClass("crt");
        $(".scrolltab-content-item").hide().eq(Oindex).show();
    });
</script>
{/block}